﻿<Canvas x:Class="Cards.SmallCard" x:Name="Small"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="250" Height="135" Background="{DynamicResource Background}">
        <Image Canvas.Left="5" Canvas.Top="5" Height="32" Stretch="Fill" Width="32" Source="{DynamicResource AvatarImage}" />
        <TextBlock Canvas.Left="42" Canvas.Top="7" Height="18" Width="208" FontFamily="Arial" FontWeight="Bold" Padding="0" FontSize="13" Foreground="{DynamicResource Foreground}" Text="{DynamicResource ZuneTag}"/>
        <TextBlock Canvas.Left="42" Canvas.Top="24" FontFamily="Arial" FontSize="11" FontWeight="Normal" Height="18" Padding="0" Width="127" Foreground="{DynamicResource Foreground}" Text="{DynamicResource PlaysFull}" Visibility="{DynamicResource ShowPlays}"/>
        <TextBlock Canvas.Left="201" Canvas.Top="24" FontFamily="Arial" FontSize="11" FontWeight="Normal" Height="18" Padding="0" Width="44" Foreground="{DynamicResource Foreground}" Text="{DynamicResource Zune}" Visibility="{DynamicResource ShowZune}"/>
        <Rectangle Canvas.Left="175" Canvas.Top="20" Height="22" Width="22" Fill="{DynamicResource Device}" Visibility="{DynamicResource ShowZune}"/>
        <Image Canvas.Left="5" Canvas.Top="42" Height="88" Stretch="Fill" Width="240" Source="{DynamicResource BackgroundImage}" Visibility="{DynamicResource ShowBackground}"/>
        <Rectangle Canvas.Left="5" Canvas.Top="62" Height="50" Width="6" FlowDirection="RightToLeft" Fill="{DynamicResource VerticalGradient}" />
        <Image Canvas.Left="16" Canvas.Top="62" Height="50" Stretch="Fill" Width="50" Source="{DynamicResource CoverImage1}" Visibility="{DynamicResource ShowCovers}"/>
        <TextBlock Canvas.Left="16" Canvas.Top="111" FontFamily="Arial" FontSize="7" Height="18" Width="50" MaxHeight="18" MaxWidth="50" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText1}" Visibility="{DynamicResource ShowCoverText}"/>
        <Image Canvas.Left="72" Canvas.Top="62" Height="50" Stretch="Fill" Width="50" Source="{DynamicResource CoverImage2}" Visibility="{DynamicResource ShowCovers}"/>
        <TextBlock Canvas.Left="72" Canvas.Top="111" FontFamily="Arial" FontSize="7" Height="18" Width="50" MaxHeight="18" MaxWidth="50" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText2}" Visibility="{DynamicResource ShowCoverText}"/>
        <Image Canvas.Left="128" Canvas.Top="62" Height="50" Stretch="Fill" Width="50" Source="{DynamicResource CoverImage3}" Visibility="{DynamicResource ShowCovers}"/>
        <TextBlock Canvas.Left="128" Canvas.Top="111" FontFamily="Arial" FontSize="7" Height="18" Width="50" MaxHeight="18" MaxWidth="50" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText3}" Visibility="{DynamicResource ShowCoverText}"/>
        <Image Canvas.Left="184" Canvas.Top="62" Height="50" Stretch="Fill" Width="50" Source="{DynamicResource CoverImage4}" Visibility="{DynamicResource ShowCovers}"/>
        <TextBlock Canvas.Left="184" Canvas.Top="111" FontFamily="Arial" FontSize="7" Height="18" Width="50" MaxHeight="18" MaxWidth="50" Padding="0" TextWrapping="WrapWithOverflow" Style="{DynamicResource CoverArtText}" Text="{DynamicResource CoverText4}" Visibility="{DynamicResource ShowCoverText}"/>
</Canvas>